<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
    <!--poster 设置视频的封面-->
    <!--如果路径以/开头 /代表的是原工程的跟路径https://ys.mihoyo.com/
    loop设置循环播放
    muted设置静音
    autoplay自动播放(必须静音才能自动播放)
    controls 出现播放进度条,视频全屏-->
    <!--这里loop="loop" 可以简写为loop-->
    <!--这里muted="muted" 可以简写为muted-->
    <!--这里autoplay="autoplay" 可以简写为autoplay-->
    <video poster="https://ys.mihoyo.com/main/_nuxt/img/47f71d4.jpg"
           loop="loop" muted="muted"  autoplay="autoplay" controls
           style="width: 1664px; height: 936px;">
        <!--source设置播放资源 src设置资源路径 type播放类型-->
        <source src="https://ys.mihoyo.com/main/_nuxt/videos/3e78e80.mp4" type="audio/mp4">
        您的浏览器不支持播放此视频.
    </video>
</div>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    let v=new Vue({
        el: '#app',
        data: function() {
            return {

            }
        },
        methods:{

        }
    })
</script>
</body>
</html>